<!--
 * @Author: ShiJunJie
 * @Date: 2022-04-01 14:00:36
 * @LastEditors: ShiJunJie
 * @LastEditTime: 2022-04-08 16:41:24
 * @Descripttion: 
-->
<template>
  <div class="loginLayout">
    <header>
      <div class="logo">
        <Icon class="logo-icon" icon="logos:vue" />
      </div>

      <div>
        <I18nSelect />
      </div>
    </header>

    <RouterView />

    <footer>
      <p>版权所有</p>
    </footer>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.loginLayout {
  width: 100vw;
  height: 100vh;
  min-height: 500px;
  overflow: hidden;
  background: #f0f2f5 url('@/assets/background.svg') center 100%;
  position: relative;
  header {
    padding: 20px 30px 0;
    display: flex;
    justify-content: space-between;

    .logo {
      .logo-icon {
        font-size: 28px;
      }
    }
  }
  footer {
    position: absolute;
    bottom: 18px;
    color: #aebbc9;
    width: 100%;
    text-align: center;
  }
}
</style>
